<div id="product-detail">
  <div class="container">
    <div class="img-box">
      <!-- <span v-if="currentProduct">{{currentProduct.imgArr[0]}}</span> -->
      <!-- <span v-if="currentProduct">{{currentProduct.imgArr[0]}}</span> -->
      <!-- <img v-for="item in currentProduct.imgArr" :src="item" /> -->
      <div class="img-left"><img v-for="(item,index) in currentProduct.imgArr" :src="item"
          v-on:click='onChangeImage(index)' />
      </div>
      <div class="img-right"><img :src="currentImage" /></div>
    </div>
    <div class="detail-box">
      <h2>{{currentProduct.title}}</h2>
      <div><span>产品功能：</span><span>{{currentProduct.introduction}}</span></div>
      <div><span>产品价格：</span><span>￥{{currentProduct.price}}元 | {{currentProduct.unit}}</span></div>
      <div class="qr-code">
        <img src="http://www.muruji.cn/image/footerImg/muruji.png" />
        <p>扫码购买</p>
      </div>
    </div>
  </div>
</div>